<template>
	<div class="home">
		<postHead active="home" :showAction="true"></postHead>
		<div class="home_main">
			<div class="hm_left">
				<div class="hml_main">
					<div class="rw_title" style="margin-left:-20px">
						<span>信息台</span>
					</div>
					<div class="hml_div">
						<div class="hmld_head" @click="showTotal = !showTotal">

							<i class="el-icon-arrow-down" v-if="showTotal"></i>
							<i class="el-icon-arrow-right" v-else></i>
							<span style="margin-left: 5px;">流量信息台</span>
							<div class="hmld_left" v-if="showTotal">
								<span>2025</span>
								<i class="iconfont icon-xiangxia"></i>
							</div>
						</div>
						<template v-if="showTotal">
							<div class="hml_content">
								<span style="min-width:80px">年度曝光:</span>
								<span>{{ totalInfo.readNum }}次</span>
							</div>
							<div class="hml_content">
								<span style="min-width:80px">系统内曝光:</span>
								<span>{{ totalInfo.arws }}次</span>
							</div>
							<div class="hml_content">
								<span style="min-width:80px">分发曝光:</span>
								<span>{{ totalInfo.oscd }}次</span>
							</div>

						</template>

					</div>

					<div class="hml_div" style="margin-top: 14px;" @click="showMoney = !showMoney">
						<div class="hmld_head">
							<i class="el-icon-arrow-down" v-if="showMoney"></i>
							<i class="el-icon-arrow-right" v-else></i>
							<span style="margin-left: 5px;">悬赏金</span>
							<div class="hmld_left" v-if="showMoney">
								<span>2025</span>
								<i class="iconfont icon-xiangxia"></i>
							</div>
						</div>
						<template v-if="showMoney">
							<div class="hml_content">
								<span style="min-width:80px">总悬赏金:</span>
								<span>0元</span>
							</div>
							<div class="hml_content">
								<span style="min-width:80px">实发奖金:</span>
								<span>0元</span>
							</div>
							<div class="hml_content">
								<span style="min-width:80px">录用:</span>
								<span>0人</span>
							</div>

							<div class="hml_content">
								<span style="min-width:80px">入职:</span>
								<span>0人</span>
							</div>
							<div class="hml_content">
								<span style="min-width:80px">转正:</span>
								<span>0人</span>
							</div>
						</template>



					</div>
				</div>


				<div class="border_div">

				</div>
				<div class="reword">
					<div class="rw_title">
						<span>简历分组</span>
					</div>
					<div class="rw_list">
						<div class="rwl_main">
							<div class="rwl_title" @click="showResume = !showResume">
								<div class="rwlt_icon">
									<i class="el-icon-arrow-down" v-if="showResume"></i>
									<i class="el-icon-arrow-right" v-else></i>
								</div>
								<div class="rwlt_name">
									<span>本账号简历</span>
								</div>
							
							</div>
							<div class="rwl_list" v-if="showResume">
								<div class="rwll_div">
									<span>暂存的简历</span>
								</div>
								<div class="rwll_div">
									<span>上传的简历</span>
								</div>
								
								<div class="rwll_div">
									<span>下载的简历</span>
								</div>
							</div>
						</div>

						<div class="rwl_main">
							<div class="rwl_title">
								<div class="rwlt_icon" @click="showTag = !showTag">
									<i class="el-icon-arrow-down" v-if="showTag"></i>
									<i class="el-icon-arrow-right" v-else></i>
								</div>
								<div class="rwlt_name">
									<span>自定义标签</span>
								</div>
								<i class="el-icon-circle-plus-outline"></i>
							</div>
							<div class="rwl_list" v-if="showTag">
								<div class="rwll_div">
									<span>战略储备</span>
								</div>
								<div class="rwll_div">
									<span>黑名单</span>
								</div>
								<div class="rwll_div">
									<span>待遇存疑</span>
								</div>
								<div class="rwll_div">
									<span>履历存疑</span>
								</div>
							</div>
						</div>
						<div class="rwl_main">
							<div class="rwl_title" @click="showDel = !showDel">
								<div class="rwlt_icon">
									<i class="el-icon-arrow-down" v-if="showDel"></i>
									<i class="el-icon-arrow-right" v-else></i>
								</div>
								<div class="rwlt_name">
									<span>垃圾箱</span>
								</div>
							</div>
							<div class="rwl_list" v-if="showDel">
								<div class="rwll_div">
									<span>删除的简历</span>
								</div>
								<div class="rwll_div">
									<span>删除的岗位</span>
								</div>

							</div>
						</div>

					</div>
				</div>

			</div>
			<div class="hm_right">
				<div class="hmr_head">
					<div class="hmrh_div" :class="{selecthmth:status=='1'}" @click="changeStatus('1')">
						<span>0</span>
						<span>发布中职位</span>
					</div>
					<div class="hmrh_div" :class="{selecthmth:status==''}" @click="changeStatus('')">
						<span>0</span>
						<span>总职位</span>
					</div>
					<div class="hmrh_div">
						<span>0</span>
						<span>人才库总数</span>
					</div>
				</div>
				<div class="hmr_content">
					<div class="hmrc_head">
						<div class="hmrch_left">
							<el-input v-model="name" placeholder="请输入关键字搜索"  style="width: 250px;"></el-input>
							<div class="hmrchr_div" style="margin-left: 30px;" @click="searchPost">
								<span>搜索</span>
							</div>
						</div>

					</div>
					<div class="hmrc_body">
						<el-table :data="tableData" ref="multipleTable"  @selection-change="handleSelectionChange"  stripe border style="width: 100%">
							<el-table-column
							
								width="30">
								<template slot-scope="scope">
									<div class="iconmd iconmd-arrowright"></div>
								</template>
							</el-table-column>
							<el-table-column
								type="selection"
								width="30">
							</el-table-column>
							<el-table-column label="紧急程度"
								:filters="[{ text: '★', value: '1' }, { text: '★★', value: '2' }, { text: '★★★', value: '3' }]"
								:filter-method="filterHandler" width="85">
								<template slot-scope="scope">
									<span v-if="scope.row.type!='edit'" style="font-weight: bold;font-size:15px;color: #333333;">{{scope.row.urgency_dictText}}</span>

									<el-select v-if="scope.row.type=='edit'" v-model="scope.row.urgency">
										<el-option
                                            v-for="item in dictInfo.urgency"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value">
                                        </el-option>
									</el-select>
								</template>
							</el-table-column>
							<el-table-column label="所属公司"
								:filters="[{ text: '全选', value: '' }, { text: '子公司', value: '1' }]"
								:filter-method="filterHandler" >
								<template slot-scope="scope">
									<span v-if="scope.row.type!='edit'" style="font-weight: bold;font-size:14px;color: #333333;">{{scope.row.abbreviation?scope.row.abbreviation:scope.row.companyName}}</span>
									<el-select v-if="scope.row.type=='edit'" v-model="scope.row.companyId">
										<el-option
                                            v-for="item in companyList"
                                            :key="item.id"
                                            :label="item.name"
                                            :value="item.id">
                                            </el-option>
									</el-select>
								</template>
							</el-table-column>
							<el-table-column label="所属部门"
								:filters="[{ text: '全选', value: '' }, { text: '二级部门', value: '1' }]"
								:filter-method="filterHandler" width="115">
								<template slot-scope="scope">
									<span v-if="scope.row.type!='edit'" style="font-weight: bold;font-size:14px;color: #333333;">{{scope.row.department}}</span>
									<el-input v-if="scope.row.type=='edit'" placeholder="请输入部门" v-model="scope.row.department"></el-input>
								</template>
							</el-table-column>
							<el-table-column label="岗位名称">
								<template slot-scope="scope">
									<span v-if="scope.row.type!='edit'" style="font-size:14px;font-weight: bold;color: #06c;cursor: pointer;" @click="toPostInfo(scope.row)">{{scope.row.name}}</span>
									<el-input v-if="scope.row.type=='edit'" placeholder="请输入岗位名称" v-model="scope.row.name"></el-input>
								</template>
							</el-table-column>
							<el-table-column label="总悬赏金" width="85" align="center">
								<template slot-scope="scope">
									<span v-if="scope.row.type!='edit'">{{scope.row.money?scope.row.money:0}}元</span>
									<el-input v-if="scope.row.type=='edit'"  type="number" placeholder="" v-model="scope.row.money"></el-input>
								</template>
							</el-table-column>
							<!-- <el-table-column label="编制" width="56" text-align="center">
								<template slot-scope="scope">
									<div class="center_div">
										<span>0</span>
									</div>
									
								</template>
							</el-table-column> -->
							<el-table-column label="需求" width="46" text-align="center">
								<template slot-scope="scope">
									<div class="center_div">
										<span v-if="scope.row.type!='edit'">{{scope.row.num}}</span>
										<input v-if="scope.row.type=='edit'" class="need_input"  type="number" placeholder="" v-model="scope.row.num"></input>
									</div>
								</template>
							</el-table-column>


							<el-table-column label="不合适" width="60" text-align="center">
								<template slot-scope="scope">
									<div class="center_div">
										<span>{{scope.row.inappropriateNum?scope.row.inappropriateNum:0}}</span>
									</div>
									
								</template>
							</el-table-column>
							<el-table-column label="待筛选" width="60">
								<template slot-scope="scope">
									<div class="center_div">
										<span>{{scope.row.filterNum?scope.row.filterNum:0}}</span>
									</div>
									
								</template>
							</el-table-column>
							<el-table-column label="通过初选" width="74">
								<template slot-scope="scope">
									<div class="center_div">
										<span>{{scope.row.passPrimary?scope.row.passPrimary:0}}</span>
									</div>
									
								</template>
							</el-table-column>
							<el-table-column label="拟初试" width="60">
								<template slot-scope="scope">
									<div class="center_div">
										<span>{{scope.row.initialTestNum?scope.row.initialTestNum:0}}</span>
									</div>
									
								</template>
							</el-table-column>
							<el-table-column label="已初试" width="60">
								<template slot-scope="scope">
									<div class="center_div">
										<span>{{scope.row.alreadyInitialTestNum?scope.row.alreadyInitialTestNum:0}}</span>
									</div>
									
								</template>
							</el-table-column>
							<el-table-column label="拟复试" width="60">
								<template slot-scope="scope">
									<div class="center_div">
										<span>{{scope.row.proposedInterviewNum?scope.row.proposedInterviewNum:0}}</span>
									</div>
									
								</template>
							</el-table-column>
							<el-table-column label="已复试" width="60">
								<template slot-scope="scope">
									<div class="center_div">
										<span>{{scope.row.reExaminedNum?scope.row.reExaminedNum:0}}</span>
									</div>
									
								</template>
							</el-table-column>
							<el-table-column label="拟录用" width="60">
								<template slot-scope="scope">
									<div class="center_div">
										<span>{{scope.row.poposedEmploymentNum?scope.row.poposedEmploymentNum:0}}</span>
									</div>
									
								</template>
							</el-table-column>
							<el-table-column label="录用" width="46">
								<template slot-scope="scope">
									<div class="center_div">
										<span>{{scope.row.employmentNum?scope.row.employmentNum:0}}</span>
									</div>
									
								</template>
							</el-table-column>
							<el-table-column label="入职" width="46">
								<template slot-scope="scope">
									<div class="center_div">
										<span>{{scope.row.entryNum?scope.row.entryNum:0}}</span>
									</div>
									
								</template>
							</el-table-column>
							<el-table-column label="转正" width="46">
								<template slot-scope="scope">
									<div class="center_div">
										<span>{{scope.row.becomeNum?scope.row.becomeNum:0}}</span>
									</div>
									
								</template>
							</el-table-column>
							<!-- <el-table-column label="操作" width="46">
								<template slot-scope="scope">
									<el-button type="text">暂停</el-button>
								</template>
							</el-table-column> -->
						

						</el-table>
					</div>
					<div class="hmrc_botoom">
						<div class="hmrch_right" v-if="(haveAdd==false && haveEdit==false) ">
							<template v-if="$root.userInfo.user.role=='admin' || $root.userInfo.user.role=='recruiter'">
								<div class="hmrchr_div" @click="toAddPost" >
									<span>新增岗位</span>
								</div>
								<div class="hmrchr_div" @click="editPost">
									<span>编辑岗位</span>
								</div>
								<div class="hmrchr_div" @click="loadPost">
									<span>批量刷新</span>
								</div>
								<div class="hmrchr_div" @click="stopPost" >
									<span>批量暂停</span>
								</div>
								<div class="hmrchr_div" @click="deletePost" >
									<span>批量删除</span>
								</div>
							</template>
							
						</div>
						<div class="hmrch_right" v-if="haveAdd">
							<div class="hmrchr_div" @click="savePost">
								<span>保存</span>
							</div>
							<div class="hmrchr_div" @click="cancelSave">
								<span>取消</span>
							</div>
							
						</div>
						<div class="hmrch_right" v-if="haveEdit">
							<div class="hmrchr_div" @click="saveEdit">
								<span>更新岗位</span>
							</div>
							<div class="hmrchr_div" @click="cancelSave">
								<span>取消</span>
							</div>
							
						</div>
						<div class="hmrch_left_main">
							<div class="hmrchl_div" style="width:85px;">
								<span>小计：</span>
								<span></span>
							</div>
						
							<!-- <div  class="hmrchl_div" style="width: 56px;">
								<span>编制</span>
								<span>0</span>
							</div> -->
							<div  class="hmrchl_div" style="width: 46px;">
								<span>需求</span>
								<span>{{getTotalNum('num')}}</span>
							</div>
							<div  class="hmrchl_div" style="width: 60px;">
								<span>不合适</span>
								<span>{{getTotalNum('inappropriateNum')}}</span>
							</div>
							<div  class="hmrchl_div" style="width: 60px;">
								<span>待筛选</span>
								<span>{{getTotalNum('filterNum')}}</span>
							</div>
							<div class="hmrchl_div" style="width: 74px;">
								<span>通过初选</span>
								<span>{{getTotalNum('passPrimary')}}</span>
							</div>
							<div  class="hmrchl_div" style="width: 60px;">
								<span>拟初试</span>
								<span>{{getTotalNum('initialTestNum')}}</span>
							</div>
							<div  class="hmrchl_div" style="width: 60px;">
								<span>已初试</span>
								<span>{{getTotalNum('alreadyInitialTestNum')}}</span>
							</div>
							<div class="hmrchl_div" style="width: 60px;">
								<span>拟复试</span>
								<span>{{getTotalNum('proposedInterviewNum')}}</span>
							</div>
							<div class="hmrchl_div" style="width: 60px;">
								<span>已复试</span>
								<span>{{getTotalNum('reExaminedNum')}}</span>
							</div>
							<div class="hmrchl_div" style="width: 60px;">
								<span>拟录用</span>
								<span>{{getTotalNum('poposedEmploymentNum')}}</span>
							</div>
							<div class="hmrchl_div" style="width: 46px;">
								<span>录用</span>
								<span>{{getTotalNum('employmentNum')}}</span>
							</div>
							<div class="hmrchl_div" style="width: 46px;">
								<span>入职</span>
								<span>{{getTotalNum('entryNum')}}</span>
							</div>
							<div class="hmrchl_div" style="width: 46px;">
								<span>转正</span>
								<span>0</span>
							</div>
						</div>
					</div>
				</div>

				
			</div>
		</div>
		<div class="post_bottom">
			<post-footer-main-vue></post-footer-main-vue>
		</div>
		 
	</div>
</template>

<script>
// @ is an alias to /src
import postHead from '@/components/postHead.vue';
import homeapi from '@/api/api.js'
 import postFooterMainVue from '@/components/postFooterMain.vue';
export default {
	name: 'HomeView',
	data() {
		return {
			companyInfo: {},
			input: "",
			value: "",
			tableData: [],
			totalInfo: {},

			showDel: true,
			showTag: true,
			showPost: true,
			showResume: true,
			showTotal: true,
			showMoney: true,

			dictInfo:{},
			companyList:[],
			haveAdd:false,
			haveEdit:false,
			selectPost:[],
			postForm:{},
			reword:'',
			name:"",
			status:'1',
		}
	},
	components: {
		postHead,postFooterMainVue
	},
	mounted() {
		this.getDictList();
		this.getCompanyInfo();
		this.getFunctionList();
		this.getCompanyTotal();
		this.getEnterpriseList();
		this.getChildCompanyList();
	},
	methods: {
		changeStatus(status){
			this.status=status;
			this.getEnterpriseList();
		},

		searchPost(){
			this.getEnterpriseList();
		},
		editPost(){
			if(this.selectPost.length==0){
				this.$message.error("请选择一个岗位进行编辑。")
			}
			if(this.selectPost.length>1){
				this.$message.error("只能编辑一个岗位")
			}
			if(this.selectPost.length==1){
				this.selectPost[0].type='edit'
				this.getPostInfo(this.selectPost[0].id)
				this.haveEdit=true

			}
		},

		async loadPost(){
			if(this.selectPost.length==0){
				this.$message.error("请选择一个岗位进行刷新。")
				return false;
			}
			let ids=[]
			this.selectPost.map(res=>{
				ids.push(res.id)
			})
			let data=await homeapi.loadPost({ids})
			if(data.code==200){
				this.$message.success("刷新成功")
				this.getEnterpriseList();
			}
		},
		async stopPost(){
			if(this.selectPost.length==0){
				this.$message.error("请选择一个岗位进行停止。")
				return false;
			}
			let ids=[]
			this.selectPost.map(res=>{
				ids.push(res.id)
			})
            let status="0"  
			const data=await homeapi.changePost({ids,status});
			if (data.code == 200) {
				this.$message.success("操作成功")
				this.getEnterpriseList();
			}
		},
		async deletePost(){
			if(this.selectPost.length==0){
				this.$message.error("请选择一个岗位进行删除。")
				return false;
			}
			let idsList=[]
			this.selectPost.map(res=>{
				idsList.push(res.id)
			})
			let ids=idsList.join(",")

			this.$confirm('此操作将删除该岗位, 是否继续?', '提示', {
				confirmButtonText: '确定',
				cancelButtonText: '取消',
				type: 'warning'
			}).then(async () => {
				
				const data=await homeapi.deletePost({ids})
				if(data.code==200){
					this.$message.success("删除成功")
					this.getEnterpriseList();
				}
			}).catch(() => {
						
			});
		},



		  //获取回显数据
        async getPostInfo(id){
          
            const data=await homeapi.getPostMain({id});
            if(data.code==200){
				this.postForm=data.result
          
            }
        },
		async saveEdit(){
			this.postForm.companyId=this.selectPost[0].companyId
			this.postForm.urgency=this.selectPost[0].urgency
			this.postForm.department=this.selectPost[0].department
			this.postForm.name=this.selectPost[0].name
			this.postForm.money=this.selectPost[0].money
			this.postForm.num=this.selectPost[0].num
			
			let form=this.postForm
			 let data=await homeapi.editPostInfo(form)
            if(data.code==200){
                this.$message.success("编辑成功")
				window.open("/#/post/info?id="+data.result)
				this.haveEdit=false;
				this.getEnterpriseList();
                // this.$router.push("/post/info?id="+form.id)
            }
		},
		getTotalNum(type){
			let total=0;
			this.tableData.map(res=>{
				if(res[type]){
					total+=parseInt(res[type]) 
				}
			})
			return total
		},

		filterHandler(){

		},
		handleSelectionChange(val){
			console.log(val)
			this.selectPost=val;
		},
		cancelSave(){
			this.tableData.pop();
			this.haveAdd=false
		},
		cancelEdit(){
			this.selectPost[0].type=""
			this.haveEdit=false
		},
		
		async savePost(){
			let form=JSON.parse(JSON.stringify(this.tableData[this.tableData.length-1]));
			form.infoRewardSet={
				money:form.money?form.money:0
			}
			this.companyList.map(res=>{
				if(res.id==form.companyId){
					form.companyName=res.name
				}
			})
		
			delete form.money
			delete form.type;
			let data=await homeapi.addPost(form)
			if(data.code==200){
                this.$message.success("操作成功")
				window.open("/#/post/edit?id="+data.result)
				this.haveAdd=false;
				this.getEnterpriseList();
                // this.$router.push("/")
            }
			else{
				this.$message.error(data.message)
			}
			// console.log(form)
		},

		  //获取子公司信息
        async getChildCompanyList(){
            let data=await homeapi.getCompanyList();
            if(data.code==200){
                this.companyList=data.result
            }
        },
		//获取数据字典
        async getDictList() {
            let data = await homeapi.getDictList();
            if (data.code == 200) {
               this.dictInfo=data.result
            }
        },
		toAddPost() {
			this.tableData.push({
				companyName:"",
				department:"",
				name:"",
				money:"",
				num:"",
				type:'edit',
				urgency:"",
				companyId:"",

			})
			this.haveAdd=true;

			//   window.open("/#/post/add")
			// this.$router.push("/post/add")
		},

		toPostInfo(item){
			window.open("/#/post/info?id="+item.id)
			// this.$router.push("/post/info?id="+item.id)
			console.log(item)
		},
	

		//获取企业信息
		async getCompanyInfo() {
			let data = await homeapi.getCompanyInfo();
			if (data.code == 200) {
				this.companyInfo = data.result;
			}
		},

		//获取首页统计信息
		async getCompanyTotal() {
			let year = 2025
			let data = await homeapi.getCompanyTotal({ year });
			if (data.code == 200) {
				this.totalInfo = data.result
			}
		},
		//获取岗位列表
		async getEnterpriseList(){
			let pageNo=1;
			let pageSize=100;
			let reward=this.reword;
			let name=this.name
			let status=this.status
			let urgency=""
			let data=await homeapi.getEnterpriseList({pageNo,pageSize,reward,status,urgency,name});
			if(data.code==200){
				this.tableData=data.result.records
			}
		},

		//获取职能列表
		async getFunctionList() {
			let data = await homeapi.getFunctionList();
			if (data.code == 200) {
				data.result.map(res => {
					res.text = res.name;
					if (res.child.length > 0) {
						res.child.map(json => {
							json.text = json.name
						})
						res.children = res.child;
						res.children.map(json => {
							if (json.child.length > 0) {
								json.child.map(item => {
									item.text = item.name
								})
								json.children = json.child

							}
							else {
								json.children = [
									{
										text: json.text,
										id: json.id
									}
								]
							}
						})
					}
					else {
						res.children = [
							{
								text: res.text,
								children: [{
									text: res.text,
									id: res.id
								}]
							}
						]
					}
				})

				this.enterpriseIndustry = data.result
			}
		},
	}
}
</script>
<style>
.el-table th.el-table__cell {
	background: #ebebeb;
}

.el-table thead {
	color: #333333;
	font-weight: bold;
}

.el-table--border .el-table__cell,
.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
	border-right: 1px solid #ddd;
}

.el-table .el-table__cell {
	padding: 0px !important;
}
.el-table__row .el-table__cell{
	padding: 10px 0 !important;
}
</style>
<style scoped>
.home_main {
	width: 100%;

	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 16px;
	box-sizing: border-box;
	padding-bottom: 60px;
}

.hm_left {
	width: 180px;
	min-width: 180px;
	

	border-radius: 0px 0px 0px 0px;

	display: inline-block;
	background: #FFFFFF;
	margin-top: 15px;
	padding-bottom: 30px;
}

.hml_main {
	width: 100%;

	background: #FFFFFF;

	padding: 0 20px;
	padding-bottom: 16px;
	;
	box-sizing: border-box;
	
}

.hm_right {
	flex: 1;
	margin-left: 16px;
	height: 100%;

}

.hml_div {
	width: 100%;
	display: inline-block;
	margin-top: 16px;
	cursor: pointer;
}

.hmld_head {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
}

.hmld_left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 12px;
	margin-left: 8px;
}

.hmld_left .iconfont {
	font-size: 14px;
	margin-left: 8px;
	color: #999999;
}

.hml_content {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	line-height: 18px;
	padding-left:20px;
	box-sizing:border-box;
	margin-top: 6px;
}

.hml_content span:first-child {
	font-size: 12px;
	color: #06c;
}

.hml_content span:last-child {
	font-size: 12px;
	font-weight: bold;
	margin-left: 8px;
}

.hmr_head {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 16px;
}

.hmrh_div {
	flex: 1;
	height: 70px;
	background: #FFFFFF;
	border-radius: 0px 0px 0px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	line-height: 32px;
	margin-left: 16px;
	cursor: pointer;
}

.hmrh_div:first-child {
	margin-left: 0px;
}

.hmrh_div span:last-child {
	font-size: 14px;
	color: #333333;
	line-height: 18px;
	margin-top: 8px;
	font-weight: 400;
}

.hmr_content {
	width: 100%;

	margin-top: 16px;
	background: #FFFFFF;
	display: inline-block;
	padding-bottom: 30px;
}

.hmrc_head {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 9px;
	padding: 0 32px;
	box-sizing: border-box;
}

.hmrch_left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.select_div {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-left: 16px;
	font-size: 16px;
}

.select_div_label {
	margin-right: 8px;
}

.hmrch_right {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 15px;
	padding-left: 15px;
	box-sizing: border-box;
}

.hmrchr_div {
	width: 72px;
	height: 34px;
	background: #F5792A;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #FFFFFF;
	margin-right: 16px;
	cursor: pointer;
}

.hmrc_body {
	width: 100%;
	padding: 0 16px;
	box-sizing: border-box;
	margin-top: 9px;
}

.reword {
	width: 100%;

	background: #FFFFFF;
	height:100%;
	overflow: auto;
}

.rw_title {
	width: 180px;
	height: 44px;
	background: #F2F2F2;
	border-radius: 0px 0px 0px 0px;
	border: 1px solid #E6E6E6;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #3D3D3D;
	font-weight: bold;
}

.rw_list {
	width: 100%;
	display: inline-block;
	padding-left: 10px;
	box-sizing: border-box;
}

.rwl_main {
	width: 100%;
	display: inline-block;
}

.rwl_title {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 10px;
	cursor: pointer;
}

.rwlt_icon i {
	font-size: 14px;
	color: #333333;
}

.rwlt_name {
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	margin-left: 4px;
}

.rwl_list {
	width: 100%;
	display: inline-block;
}

.rwll_div {
	font-size: 12px;
	line-height: 18px;
	color: #06c;
	padding-left: 30px;
	box-sizing: border-box;
	margin-top: 6px;
	cursor: pointer;
}

.rwll_div:hover {
	color: #F5792A;
}

.hmrc_botoom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.hmrch_left_main {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #333333;
	margin-top: 15px;
	margin-right:15px;
}



.rwlt_btn {
	width: 72px;
	height: 26px;
	background: #F5792A;
	border-radius: 0px 0px 0px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #FFFFFF;
	margin-left: 28px;
	border-radius: 4px;
}

.rwl_title i {
	font-size: 16px;
	margin-left: 10px;
	color: #333333;
}

.border_div {
	width: 100%;
	height: 15px;
	background: #f8f8f8;
}
.hmrchl_div{
	 display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size:14px;
	font-weight:bold;
	cursor: pointer;
}
.center_div{
	text-align: center;
}
.need_input{
	height: 40px;
	border: 1px solid #DCDFE6;
	text-align: center;
	font-size: 14px;
	border-radius: 2px;
	width: 100%;
}
.post_bottom{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}
.iconmd{
	display: flex;
}
.selecthmth span{
	color: #06c;
}
.selecthmth span:last-child{
	color: #06c;
}
</style>
<style>
.el-table-column--selection .cell{
	padding: 0px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.el-table th.el-table__cell>.cell{
	
	padding-left:8px;
	padding-right: 5px;
}
.el-table th.el-table__cell.is-leaf .el-checkbox{
	margin-left: 7px;
}

</style>
